@import '~/assets/style/mixin.less';

@border-color: #EEEEEE;

.home {
  background-color: transparent;

  // ---
  &-head {
    display: flex;
    align-items: center;
    padding: 32px 0;
    // font-size: 14px;
    color: @color-concrete;

    .ant-btn {
      &-primary {
        margin-left: 50px;
        padding-left: 4px;
        padding-right: 4px;
      }
    }
  }

  &-sider {
    width: 344px;
    background-color: transparent;
    &-section {
      margin-bottom: 16px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    &-base {
      padding-top: 12px;
      text-align: center;
      // font-size: 14px;
      color: @color-secondary;
      p {
        margin-bottom: 4px;
      }
    }
    /deep/.social {
      padding-top: 26px;
    }
    /deep/.subnav {
      padding-top: 18px;
      text-align: center;
    }
  }

  .slogan {
    width: 100%;
    overflow: hidden;
    img {
      display: block;
      height: 192px;
    }
  }

  // list
  // ---
  .list {}

  // ---
  /deep/.ant {
    // card
    // ---
    &-card {
      &-head {
        padding: 26px 26px 18px;
        line-height: 22px;
        border-bottom-color: @border-color;
        &-title {
          padding: 0;
        }
      }
      &-extra {
        padding: 0;
        // font-size: 14px;
      }
      &-body {
        padding: 16px 26px 12px;
      }
    }

    // pagination
    // ---
    &-pagination {
      padding: 20px 20px 48px;
      border-top: 1px solid @border-color;
      text-align: right;
    }
  }
}
